<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <title>牛道人</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <style>
        .slogan {
            text-align: center;
            color: #ffffff;
            margin: 0;
            padding-top: 8%;
            padding-bottom: 5%;
        }

        .sloganPic {
            width: 90%;
            vertical-align: bottom;
            margin: auto;
            display: block;
        }

        .bigCode {
            padding-top: 4%;
        }

        .bigCode .codeBoxText {
            background-color: #ffef38;
            width: 8rem;
            padding: .4rem .8rem;
            line-height: 1.35rem;
            text-align: center;
            position: relative;
            color: #d60000;
            border-radius: .4rem;
            margin: auto;
            box-shadow: 0 2px 5px #CCC;
        }

        .bigCode .codePic {
            width: 66%;
            vertical-align: bottom;
            margin: auto;
            display: block;
            padding: .2rem;
        }

        .bigCode .codeText {
            text-align: center;
            color: #ffffff;
        }

        .warnText {
            position: fixed;
            bottom: .4rem;
            right: .6rem;
            color: #ffffff;
            font-size: .518rem;
            opacity: .8;
        }

    </style>
</head>
<body>
<div id="page" class="uf uf-ver">
    <div id="header" class="uf">
        <a href="index.html" class="uf-f uf uf-ac uf-pc nav">牛观点</a>
        <a href="liveVideo.html" class="uf-f uf uf-ac uf-pc nav">看直播</a>
        <a href="contact.html" class="uf-f uf uf-ac uf-pc nav active">找老牛</a>
    </div>

    <div id="container" class="uf-f u-scroll bigBg">
        <h3 class="slogan">带你走向股市巅峰——牛道人</h3>
        <img class="sloganPic" src="image/static/sloganText.png">

        <div class="bigCode">
            <div class="codeBoxText">长按识别下方二维码加牛道人助理为好友</div>
            <img class="codePic" src="image/static/codeImgPerson.png">

            <div class="codeText">识别二维码，享受无限炒股乐趣</div>
        </div>
        <div class="warnText">股市有风险 投资需谨慎</div>
    </div>
</div>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script>
    //监听二维码图片被长按事件
    $('.codePic').longTap(function () {
        alert("长按了二维码");
    });
</script>

</body>
</html>